<template>
  <div class="good animate__animated animate__bounceInUp">
    <img :src="orderDetailInfo.maijiatouxiang" alt="">
    <p>&nbsp;&nbsp;&nbsp;{{orderDetailInfo.maijiaweixin}}&nbsp;&nbsp;&nbsp;</p>
    <p>&nbsp;&nbsp;&nbsp;购买 {{orderDetailInfo.maijiagoumaicishu}} 件&nbsp;&nbsp;&nbsp;</p>
    <p>&nbsp;&nbsp;&nbsp;实付 {{orderDetailInfo.jiage}} 元&nbsp;&nbsp;&nbsp;</p>
    <p class="xinxi">&nbsp;&nbsp;&nbsp;{{orderDetailInfo.xinxi}}&nbsp;&nbsp;&nbsp;</p>
  </div>
</template>

<script>
import { createNamespacedHelpers } from "vuex";
let { mapState } = createNamespacedHelpers("indent");
export default {
  computed: {
    ...mapState(["orderDetailInfo"]),
  },
  
};
</script>

<style lang="scss" scoped>
.good {
  float: left;
  box-shadow: #999 0px 0px 20px;
  border-radius: 5px;
  line-height: 1;
  font-size: 14px;
  margin-left: 5px;
  margin-right: 20px;
  img{
    height: 30px;
    width: 40px;
    border-radius: 5px;
    float: left;
  }
  p{
    float: left;
  }
  .xinxi{
    
    width: 150px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
}
</style>